<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<script type="text/javascript" src="./js/brand.js" defer="true"></script>
<link rel="stylesheet" href="./css/brand.css"/>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌管理页</title>
    <style type="text/css">
        /*table{*/
        /*    width: 100%;*/
        /*    border-collapse: collapse;*/
        /*}*/
        /*table td{*/
        /*   border: 1px solid #000;*/
        /*   text-align: center;*/
        /*}*/
        /*table tr{*/
        /*   */
        /*}*/
        /*  HTML5已不支持   border="1" cellspacing="0" width="800" */
    </style>
</head>
<body>
<h1 class="welcome">${LOGIN_USER.username},欢迎您!!!
    <a href="${ctx}/logout">
        [注销]
    </a>
</h1>
<form action="${ctx}/SelectByPageServlet" method="get" class="zhuangtai">
    状态:
    <select name="status" class="quanbuzhuangtai">
        <option value="3">全部状态</option>
        <option value="0">禁用</option>
        <option value="1">启用</option>
    </select>
    品牌名称:
    <input type="text" value="" placeholder="请输入查询关键词"  name="text" id="text">
    <button type="submit" value="查询" id="select">查询</button>
    <button type="reset" value="重置" id="reset" >重置</button>
    <input type="button" value="批量删除" id="delete"  style="display: inline-block;margin-left: 893px;"
           onclick="if(confirm('确定删除?')==false)return false;">
    <input type="button" value="新增" id="addBrandBtn"  >
</form>

<hr style="background-color: #99afa7;">
<table>
    <tr class="listmenu">
        <th>选择</th>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    <c:forEach items="${pageBean.data}" var="brand">
        <tr id="liebiao">
            <td><input type="checkbox"></td>
            <td>${brand.id}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <td>
                <c:if test="${brand.status == 1}">
                    启用
                </c:if>
                <c:if test="${brand.status == 0}">
                    禁用
                </c:if>
            </td>
            <td class="caozuo">
                <a href="${ctx}/toUpdate?id=${brand.id}">修改</a>
                <a href="/brand-demo/delete?id=${brand.id}" onclick="if(confirm('确定删除?')==false)return false;">删除</a>

            </td>
        </tr>
    </c:forEach>
    <c:forEach items="${pageBeans}" var="brand">
        <tr id="liebiao">
            <td><input type="checkbox"></td>
            <td>${brand.id}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <td>
                <c:if test="${brand.status == 1}">
                    启用
                </c:if>
                <c:if test="${brand.status == 0}">
                    禁用
                </c:if>
            </td>
            <td class="caozuo">
                <a href="${ctx}/toUpdate?id=${brand.id}">修改</a>
                <a href="/brand-demo/delete?id=${brand.id}" onclick="if(confirm('确定删除?')==false)return false;">删除</a>
            </td>
        </tr>
    </c:forEach>
</table>
<div>
    <jsp:include page="common/pageBar.jsp">
        <jsp:param name="url" value="/SelectAll"/>
    </jsp:include>
</div>
<div>
    <span class="online">当前在线人数是：${applicationScope.OnlineCount}</span>
</div>
</body>

<script>
    function getContextPath() {
        var pathName = document.location.pathname;
        var index = pathName.substr(1).indexOf("/");
        var result = pathName.substr(0,index+1);
        return result;
    }

    let addBrandBtn = document.getElementById("addBrandBtn");
    //绑定点击事件
    addBrandBtn.onclick=function () {
        window.location.href=getContextPath() + "/addBrand.jsp"
    }


</script>
</html>